<div class="widewrapper masthead">
    <div class="container">
        <a href="index.html" id="logo">
            <img src="/assets/img/logo.png" alt="clean Blog">
        </a>

        <div id="mobile-nav-toggle" class="pull-right">
            <a href="#" data-toggle="collapse" data-target=".clean-nav .navbar-collapse">
                <i class="fa fa-bars"></i>
            </a>
        </div>

        <nav class="pull-right clean-nav">
            <div class="collapse navbar-collapse" aria-expanded="false">
                <ul class="nav nav-pills navbar-nav">
                    <li>
                        <!-- <a routerLink="post">首页</a> -->
                        <a [routerLink]="['']">首页</a>
                    </li>
                    <li>
                        <!-- <a routerLink="photos">图片</a> -->
                        <a [routerLink]="['picture']" >图片</a>
                    </li>
                    <li>
                        <!-- <a routerLink="videos">视频</a> -->
                        <a [routerLink]="['video']">视频</a>
                    </li>
                    <li *ngIf="userLogind;else notLogin">
                        <a [routerLink]="['/app/admin']"> Hello {{userLogin}} !</a>
                    </li>
                    <ng-template #notLogin>
                        <li>
                            <a href="/account/login">登录</a>
                        </li>
                        <li>
                            <a href="/account/register">注册</a>
                        </li>
                    </ng-template>
                </ul>
            </div>
        </nav>

    </div>
</div>


<div class="container main-container">
    <router-outlet></router-outlet>
</div>
<!--内容区域-->



<div class="widewrapper footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6 footer-widget">
                <h3>
                    <i class="fa fa-user"></i>关于</h3>
                <p>这是一个基于ABP框架的博客系统</p>
                <p>后端采用 .NET CORE平台，可实现跨平台，前端使用流行的Angular框架，使用前后端分离的开发方式。
                </p>
            </div>

            <div class="col-md-6 footer-widget">
                <h3>
                    <i class="fa fa-envelope"></i>联系</h3>

                <p>leen2175@outlook.com</p>
                <p>重庆工程学院
                </p>
                <div class="footer-widget-icon">
                    <i class="fa fa-facebook"></i>
                    <i class="fa fa-google"></i>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="widewrapper copyright">
    Copyright 2018 MVlog
</div>
